.headerWra











pper {
    // border:1px solid #f53b3b;
    width: 100%;
    color: #71777d;
    background-color: #ffffff;
    .headerTop {
        width: 100%;
        border:1px solid rgba(230, 233, 41, 0.74);
        height: 60px;
        display: flex;
        justify-content: flex-end;
        .container {
            min-width: 200px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            .userBox {
                // color: #333;
            }

            .outBut {
                color: #f53b3b;
                cursor: pointer;
            }
        }
    }

    .headerFooter {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
        .indexes {
            // border:1px solid red;
            margin-left: 50px;
        }

        .promptMsg {
            display: flex;
            align-items: center;

            // border:1px solid red;
            .time {
                margin-right: 30px;
            }

            .weather {
                display: flex;
                // border:1px solid red;

                >img {
                    width: 30px;
                    height: 20px;
                }

                .title {
                    margin-left: 30px;
                }
            }
        }
    }
}